<template>
    <div class="list">
        <ul class="list-top">
            <li>
                <img src="~assets/img/profile/message.svg" alt="">
                <span>我的消息</span>
            </li>
            <li>
                <img src="~assets/img/profile/pointer.svg" alt="">
                <span>积分商城</span>
            </li>
            <li>
                <img src="~assets/img/profile/vip.svg" alt="">
                <span>会员卡</span>
            </li>
        </ul>
        <ul>
             <li>
                <img src="~assets/img/profile/cart.svg" alt="">
                <span>我的购物车</span>
            </li>
            <li>
                <img src="~assets/img/profile/shopping.svg" alt="">
                <span>下载购物APP</span>
            </li>
        </ul>
    </div>
</template>

<style scoped>
    
    .list ul.list-top{
        border-bottom: 8px solid #eee;
    }

    .list ul:nth-child(2) li:nth-child(2){
        border: none;
    }

    .list ul li{
        position: relative;
        margin-left: 40px;
        height: 44px;
        line-height: 44px;
        border-bottom: 1px solid #eee;
        color: #333;
    }
    .list ul li img{
        position: absolute;
        left: -25px;
        top: 10px;
        width: 22px;
        height: 22px;
     
    }

    .list ul li span{
        padding-left: 6px;
    }
</style>